<script setup>
// 引入 api
import { computed, ref } from "vue"

// 样式
const style = ref({
    color: "#333",
    fontSize: "16px",
    backgroundColor: "#f0f0f0"
})


// 点击函数
function btn() {
    style.value.backgroundColor = '#ff0000'
    style.value.fontSize = '20px'
    style.value.color = '#fff'
}
</script>

<template>
    <!-- 标签 -->
    <div :style="style">这是一个div</div>
    <!-- 按钮 -->
    <input type="button" value="切换背景颜色" @click="btn">
</template>